.theme_pc {width:940px;} .theme_pc img {width:100%;} .theme_mo {display:none;} .theme_mo img {width:100%;} .pc_header {width:100%;} .pc_btn {width:880px; text-align:center; margin-left:auto; margin-right:auto;} .map_btn, .area_btn {width:440px; background-color:#c0d800; float:left; cursor:pointer;} .btn_on {display:none;} .btn_off {display:block;} .pc_contents {width:100%; background-color:#c0d800; } .pc_map, .pc_area {width:880px; text-align:center; margin-left:auto; margin-right:auto; padding-bottom:5%;} .pc_area {display:none;} .pc_footer {width:100%;} .theme_mo {width:100%; background-color:#c0d800;} .mo_header, .mo_footer {width:100%;} .mo_body {width:90%; text-align:center; margin-left:auto; margin-right:auto; background-color:#F3F6F6; margin-bottom: 5%;} .mo_con {width:90%; text-align:center; margin-left:auto; margin-right:auto; padding: 3% 0% 3% 0%;} .month_title {width:100%; padding:1% 0% 1% 0%; color:#fff; text-align:left; box-shadow: 0px 0px 5px 2px #9e9e9e70; } .mo_contents .swiper-container { padding-bottom: 10%; } .mon_tit {padding-left:5%;} .icon_group {position: absolute; right: 12%; margin-top: -6%; font-size: smaller;} .month03 {background-color: #c0d800;} .month04 {background-color: #fd8f9c;} .month05 {background-color: #fa5c43;} .month06 {background-color: #11c9ac;} .month07 {background-color: #2accf7;} .month08 {background-color: #3e78e3;} .month09 {background-color: #e4ad2b;} .month10 {background-color: #cf4a36;} .month12 {background-color: #182b44;} .on_icon {display:none;} .mo_contents .swiper-wrapper {width:80%; padding: 5% 0% 5% 5%;} .mo_contents .swiper-container {text-align:left; margin-left:0 auto;} .mo_contents {display:none;} .text_info {text-align:center; padding: 5% 0% 5% 0%; font-size: smaller;} .mo_contents .swiper-pagination-bullet-active { opacity: 1; background: #9E9E9E; width: 35px; height: 10px; border-radius: 7pt; } .mo_contents .swiper-pagination-bullet { background: #9E9E9E; opacity: 1; } .image_btn {position:absolute; width:262px; height:334px; display:block; cursor:pointer;} .link1 {top: 912px; left: 60px; } .link2 {top: 912px; left: 340px; } .link3 {top: 912px; left: 620px; } .link4 {top: 1340px; left: 60px; } .link5 {top: 1340px; left: 340px; } .link6 {top: 1340px; left: 620px; } .link7 {top: 1770px; left: 60px; } .link8 {top: 1770px; left: 340px; } .link9 {top: 1770px; left: 620px; } .link10 {top: 2195px; left: 60px; } .link11 {top: 2195px; left: 340px; } .link12 {top: 2195px; left: 620px; } .link13 {top: 2625px; left: 60px; } .link14 {top: 2625px; left: 340px; } .link15 {top: 2625px; left: 620px; } .link16 {top: 2975px; left: 60px; } .link17 {top: 2975px; left: 340px; } .link18 {top: 2975px; left: 620px; } .link19 {top: 3405px; left: 60px; } .link20 {top: 3405px; left: 340px; } .link21 {top: 3405px; left: 620px; } .link22 {top: 3755px; left: 60px; } .link23 {top: 3755px; left: 340px; } .link24 {top: 3755px; left: 620px; } .link25 {top: 4105px; left: 60px; } .link26 {top: 4105px; left: 340px; } .link27 {top: 4105px; left: 620px; } .link28 {top: 4455px; left: 60px; } .link29 {top: 4455px; left: 340px; } .link30 {top: 4455px; left: 620px; } .link31 {top: 4885px; left: 60px; } .link32 {top: 4885px; left: 340px; } .link33 {top: 5315px; left: 60px; } .link34 {top: 5315px;; left: 340px; } .link35 {top: 5315px; left: 620px; } @media screen and (max-width: 1023px) { .theme_pc {display:none;} .theme_mo {display:block;} } 3월 축제 ▼ ▲ 4월 축제 ▼ ▲ 5월 축제 ▼ ▲ 6월 축제 ▼ ▲ 7월 축제 ▼ ▲ 8월 축제 ▼ ▲ 9월 축제 ▼ ▲ 10월 축제 ▼ ▲ 12월 축제 ▼ ▲ 정확한 축제일정은 일정 확정시 갱신예정이며, 2019년 행사 기준으로 작성되었습니다. 인천펜타포트 --> 평창효석 --> 강릉커피 --> $(function () { function ThemeSwipe_1() { var ThemeSwipe_1Swipter = new Swiper('.mo_contents .swiper-container', { simulateTouch: true, autoHeight: false, loop: false, autoplay: false, observer: true, slidesPerView: 'auto', spaceBetween: 5, observeParents: true, navigation: { nextEl: '.mo_contents .swiper-button-next', prevEl: '.mo_contents .swiper-button-prev' }, pagination: { el: '.mo_contents .swiper-pagination' } }); } ThemeSwipe_1(); });/* 토글 기능 */$('.btn_on').click(function(){ $('.btn_off').toggle(); $('.btn_on').toggle(); $('.pc_map').toggle(); $('.pc_area').toggle();});$('.btn_off').click(function(){ $('.btn_on').toggle(); $('.btn_off').toggle(); $('.pc_map').toggle(); $('.pc_area').toggle();});$('.mo_con').click(function(){ $(this).next('.mo_contents').slideToggle(); $(this).find('.off_icon').toggle(); $(this).find('.on_icon').toggle();});function getRecentDate(){ var dt = new Date(); var recentYear = dt.getFullYear(); var recentMonth = dt.getMonth() + 1; var recentDay = dt.getDate(); if(recentMonth